<template>
	<u--form labelPosition="left" labelWidth="100" ref="form1">
		<typeSelector @getdata="gettype" :list="columns">
			<u-form-item label="卡券类型" borderBottom ref="item1">
				<u--input class="inputx" disabledColor="#ffffff" placeholder="请选择卡券类型" disabled v-model="type"
					inputAlign="right" border="none"></u--input>
				<u-icon name="arrow-right"></u-icon>
			</u-form-item>
		</typeSelector>
	</u--form>
</template>

<script>
	import typeSelector from './typeSelector.vue'
	export default {
		components: {
			typeSelector,
		},
		data() {
			return {
				type: '',
				columns: [
					['类型一', '类型二', '类型三']
				],
			};
		},
		methods: {
			gettype(e) {
				this.type = e.value[0]
			},
		}
	};
</script>